<template>
  <div class="goods-list-page">
    <el-form label-width="120px">
      <el-row>
        <el-col :span="5">
          <el-form-item label="商品名称：">
            <el-input></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="5">
          <el-form-item label="店内分类：">
            <el-select></el-select>
          </el-form-item>
        </el-col>
        <el-col :span="5">
          <el-form-item label="商品类型：">
            <el-select></el-select>
          </el-form-item>
        </el-col>
        <el-col :span="5">
          <el-form-item label="营销活动：">
            <el-select></el-select>
          </el-form-item>
        </el-col>
        <el-col :span="3" :style="{ marginLeft: '15px' }">
          <el-button>重置</el-button>
          <el-button type="primary">导出商品</el-button>
        </el-col>
      </el-row>
    </el-form>

    <el-tabs type="card" v-model="activeName">
      <el-tab-pane label="全部" name="1"></el-tab-pane>
      <el-tab-pane label="销售中" name="2"></el-tab-pane>
      <el-tab-pane label="仓库中" name="3"></el-tab-pane>
      <el-tab-pane label="待审核" name="4"></el-tab-pane>
      <el-tab-pane label="审核失败" name="5"></el-tab-pane>
      <el-tab-pane label="违规下架" name="6"></el-tab-pane>
    </el-tabs>

    <el-table>
      <el-table-column type="selection" width="55"></el-table-column>
      <el-table-column label="商品信息"></el-table-column>
      <el-table-column label="价格(元)"></el-table-column>
      <el-table-column label="库存"></el-table-column>
      <el-table-column label="销量"></el-table-column>
      <el-table-column label="商品状态"></el-table-column>
      <el-table-column label="创建时间"></el-table-column>
      <el-table-column label="操作"></el-table-column>
    </el-table>
  </div>
</template>
<script>
export default {
  data() {
    return {
      activeName: "1",
    };
  },
};
</script>
